<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'combineTable.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<!-- BEGIN GLOBAL MANDATORY STYLES -->

<link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />

<link href="${pageContext.request.contextPath }/css/bootstrap-responsive.min.css" rel="stylesheet"
	type="text/css" />

<link href="${pageContext.request.contextPath }/css/font-awesome.min.css" rel="stylesheet"
	type="text/css" />

<link href="${pageContext.request.contextPath }/css/style-metro.css" rel="stylesheet" type="text/css" />

<link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet" type="text/css" />

<link href="${pageContext.request.contextPath }/css/style-responsive.css" rel="stylesheet"
	type="text/css" />

<link href="${pageContext.request.contextPath }/css/default.css" rel="stylesheet" type="text/css"
	id="style_color" />

<link href="${pageContext.request.contextPath }/css/uniform.default.css" rel="stylesheet"
	type="text/css" />

<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN PAGE LEVEL STYLES -->

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/bootstrap-fileupload.css" />

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/jquery.gritter.css" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/chosen.css" />

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/select2_metro.css" />

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/jquery.tagsinput.css" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/clockface.css" />

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/bootstrap-wysihtml5.css" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/datepicker.css" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/timepicker.css" />

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/colorpicker.css" />

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/bootstrap-toggle-buttons.css" />

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/daterangepicker.css" />

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/datetimepicker.css" />

<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/css/multi-select-metro.css" />

<link href="${pageContext.request.contextPath }/css/bootstrap-modal.css" rel="stylesheet"
	type="text/css" />

<!-- END PAGE LEVEL STYLES -->

<link rel="shortcut icon" href="${pageContext.request.contextPath }/image/favicon.ico" />

</head>

<body>

	<div style="text-align:center" id="form_modal1" class="modal hide fade"
		tabindex="-1" role="dialog" aria-labelledby="myModalLabel1"
		aria-hidden="true">

		<div class="modal-header">

			<h3 id="myModalLabel1">并桌</h3>

		</div>

		<div class="modal-body">

			<form action="#" class="form-horizontal">

				<div class="control-group">

					<label class="control-label">请输入需要并台的第一个桌号：</label>

					<div class="controls">

						<div class="input-append date form_datetime">

							<input size="16" type="text" value="" readonly class="m-wrap">

							<span class="add-on"><i class="icon-calendar"></i></span>

						</div>

					</div>

				</div>

				<div class="control-group">

					<label class="control-label">请输入需要并台的第二个桌号：</label>

					<div class="controls">

						<div>

							<input size="16" type="text" value="" readonly class="m-wrap">

							<span class="add-on"><i class="icon-remove"></i></span> <span
								class="add-on"><i class="icon-calendar"></i></span>

						</div>

					</div>

				</div>

				<div class="control-group">

					<label class="control-label">请输入两桌合并后的桌号：</label>

					<div class="controls">

						<div class="input-append date form_meridian_datetime">

							<input size="16" type="text" value="" readonly class="m-wrap">

							<span class="add-on"><i class="icon-remove"></i></span> <span
								class="add-on"><i class="icon-calendar"></i></span>

						</div>

					</div>

				</div>

			</form>

		</div>

		<div class="modal-footer">

			<button class="btn" data-dismiss="modal" aria-hidden="true">返回</button>

			<button class="btn green btn-primary" data-dismiss="modal">提交</button>

		</div>

	</div>

	<!-- END FORM-->
	
	<!-- BEGIN FOOTER -->

	<div class="footer">

		<div class="footer-inner">

			2013 &copy; Metronic by keenthemes.

		</div>

		<div class="footer-tools">

			<span class="go-top">

			<i class="icon-angle-up"></i>

			</span>

		</div>

	</div>

	<!-- END FOOTER -->

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="${pageContext.request.contextPath }/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="${pageContext.request.contextPath }/js/jquery-migrate-1.2.1.min.js"
		type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="${pageContext.request.contextPath }/js/jquery-ui-1.10.1.custom.min.js"
		type="text/javascript"></script>

	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="${pageContext.request.contextPath }/js/excanvas.min.js"></script>

	<script src="${pageContext.request.contextPath }/js/respond.min.js"></script>  

	<![endif]-->

	<script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js" type="text/javascript"></script>

	<script src="${pageContext.request.contextPath }/js/jquery.blockui.min.js" type="text/javascript"></script>

	<script src="${pageContext.request.contextPath }/js/jquery.cookie.min.js" type="text/javascript"></script>

	<script src="${pageContext.request.contextPath }/js/jquery.uniform.min.js" type="text/javascript"></script>

	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/ckeditor.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap-fileupload.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/chosen.jquery.min.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/select2.min.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/wysihtml5-0.3.0.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap-wysihtml5.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.tagsinput.min.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.toggle.buttons.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap-datepicker.js"></script>

	<script type="text/javascript"
		src="${pageContext.request.contextPath }/js/bootstrap-datetimepicker.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/clockface.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/date.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/daterangepicker.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap-colorpicker.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap-timepicker.js"></script>

	<script type="text/javascript"
		src="${pageContext.request.contextPath }/js/jquery.inputmask.bundle.min.js"></script>

	<script type="text/javascript"
		src="${pageContext.request.contextPath }/js/jquery.input-ip-address-control-1.0.min.js"></script>

	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.multi-select.js"></script>

	<script src="${pageContext.request.contextPath }/js/bootstrap-modal.js" type="text/javascript"></script>

	<script src="${pageContext.request.contextPath }/js/bootstrap-modalmanager.js" type="text/javascript"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="${pageContext.request.contextPath }/js/app.js"></script>

	<script src="${pageContext.request.contextPath }/js/form-components.js"></script>

	<!-- END PAGE LEVEL SCRIPTS -->

	<script>
		jQuery(document).ready(function() {

			// initiate layout and plugins

			App.init();

			FormComponents.init();

		});
	</script>

	<!-- END JAVASCRIPTS -->

	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push([ '_setAccount', 'UA-37564768-1' ]);
		_gaq.push([ '_setDomainName', 'keenthemes.com' ]);
		_gaq.push([ '_setAllowLinker', true ]);
		_gaq.push([ '_trackPageview' ]);
		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://'
					: 'http://')
					+ 'stats.g.doubleclick.net/dc.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})();
	</script>
	
</body>
</html>
